<script>
import RefDemo from "./components/RefDemo.vue";

export default {
  components: {
    // RefDemo: RefDemo,  // ES6 语法可以只写一个，不用写键值对
    RefDemo  // 局部注册组件
  }
}
</script>

<template>
  <p>本页面仅作内容阅读学习使用，没有附加的 vue 文件，不能正常运行</p>
  <p>一个 vue 组件包含 3 个部分，其中 template 是必须的，剩下两个是可选的</p>
  <p>在 scripts 中引入后还必须注册，如果你没有注册但发现还能正常运作并显示，是因为某些插件或者 IDE
    已经自动帮你注册了，原则上是必须手动注册的</p>
  <p>只有注册了，在 template 中才能引用到</p>

  <h2>style 中的 scoped 属性，用于表示定义的样式仅在当前的组件中生效，而不是全局生效，因此我们总是建议最好使用 scoped</h2>
  <RefDemo/>
</template>

<style scoped>

</style>